<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" href="./public/css/header.css">
	<link rel="stylesheet" href="./public/font/iconfont.css">
	<link rel="stylesheet" href="https://www.w3schools.cn/cdnjs/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
	<header>
		<div class="header">
			<a href="./index.html" class="logo">
				<img class="header-img" src="https://paidou.cdn.dgyunju.cn/image/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20240517115326.jpg" alt="">
			</a>
			<ul class="navigation" id="myTopnav">
				<li><a href="./index.html">Home</a></li>
				<li><a href="./product.html">Prouct</a></li>
				<li><a href="./case.html">Case</a></li>
				<li><a href="./about.html">About us</a></li>
			</ul>
			
			
			<div class="icon-group">

				<div class="search">
					<span><i class="fi fi-telphone-fill"></i></span>+86 13829101254/Mr.John
			  </div>
			</div>
			<a href="javascript:void(0);"  class="icon1">
				<i class="fa fa-bars"></i>
			</a>
		</div>
		<div class="m-header">
			<ul class="navigation" id="myTopnav">
				<li><a href="./index.html">Home</a></li>
				<li><a href="./product.html">Prouct</a></li>
				<li><a href="./case.html">Case</a></li>
				<li><a href="./about.html">About us</a></li>
		</ul>
		</div>
</header>
<script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.js"></script>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
	$('.icon1').on('click', function(e) {
      	e.preventDefault();
      	$('.m-header').slideToggle(500);
  });
	$('.international').on('click',function(e){
		// $.cookie('lang', 'en-us', { path: '/', expires: 10 });
    // window.location.reload();
		$('.poper').fadeToggle()
	})
	$('.cn').on('click',function(e){
		document.cookie = "lang=zh-cn;path=/;expires=10; secure"
    window.location.reload();
	})
	$('.en').on('click',function(e){
		document.cookie = "lang=en-us;path=/;expires=10; secure"
    window.location.reload();
	})
</script>
</body>
</html>